<template>
  <div>
    <h3>多个过滤器</h3>
    <h4>{{ msg }}</h4>
    <!-- 多种过滤器 -->
    <h4>{{ msg | toUpper | reverse }}</h4>
    <!-- 过滤器传参 -->
    <h4>{{ msg | toUpper | reverse('-') }}</h4>
  </div>
</template>

<script>
export default {
    data() {
        return {
            msg: 'hello,world'
        }
    },
    filters:{
        toUpper:(value)=>{
            return value.toUpperCase()
        },
        reverse:(value,str='')=>{

            return value.split('').reverse().join(str)
        }

    }
};
</script>

<style>
</style>